<template>
    <view class="theme_activity_page flex-col">

        <view class="image-wrapper_1 flex-col">
            <image class="image_2" referrerpolicy="no-referrer"
                src="https://mall-applets.oss-cn-chengdu.aliyuncs.com/static/MasterDDSSlicePNG5417f6de34af19f70a7d77503003f171.png" />
        </view>
        <view class="group_3 flex-col">
            <view class="group_4 flex-row justify-end">
                <view class="box_1 flex-col"></view>
                <text class="text_3">活动简介</text>
            </view>
            <text class="text_4">
                活动简介：关于商家提交的资质信息，我司将在2个工作日内完成审核（不含节假日），登录网站在申请入驻页面查询进度。活动简介：关于商家提交的资质信息，我司将在2个工作日内完成审核（不含节假日），登录网站在申请入驻页面查询进度。活动简介：关于商家提交的资质信息，我司将在2个工作日内完成审核（不含节假日），登录网站在申请入驻页面查询进度。活动简介：关于商家提交的资质信息，我司将在2个工作日内完成审核（不含节假日），登录网站在申请入驻页面查询进度。
            </text>
            <view class="group_5 flex-col">
                <view class="box_2 flex-row justify-between">
                    <div class="tag_1 flex-col"></div>
                    <text class="text_5">商家在线入驻小程序活动</text>
                </view>
                <view class="text-wrapper_1">
                    <text class="text_6">报名时间周期：</text>
                    <text class="text_7">剩余32天14小时</text>
                </view>
                <view class="box_3 flex-row">
                    <view class="section_1 flex-col">
                        <view class="box_4 flex-col"></view>
                    </view>
                    <text class="text_8">3245</text>
                    <view class="icon_2 flex-col">
                        <div class="group_6 flex-col"></div>
                    </view>
                    <text class="text_9">（3456人已报名）</text>
                    <text class="text_10">剩余名额：</text>
                </view>
                <text class="text_11">进行中</text>
            </view>
            <button class="button_1 flex-col" @click="onClick_1">
                <text class="text_12">我要报名</text>
            </button>
        </view>
    </view>
</template>
<script setup>
import { } from 'vue'
const onClick_1 = () => { }
</script>
<style scoped lang="scss">
.theme_activity_page {
    background-color: rgba(255, 255, 255, 1);
    position: relative;
    width: 750rpx;
    height: 1630rpx;
    overflow: hidden;

    .group_1 {
        background-color: rgba(255, 255, 255, 1);
        width: 750rpx;
        height: 176rpx;

        .block_1 {
            width: 682rpx;
            height: 36rpx;
            margin: 30rpx 0 0 42rpx;

            .text_1 {
                width: 108rpx;
                height: 36rpx;
                overflow-wrap: break-word;
                color: rgba(0, 0, 0, 1);
                font-size: 30rpx;
                letter-spacing: -0.30000001192092896px;
                font-family: AlibabaPuHuiTi-Regular;
                font-weight: normal;
                text-align: center;
                white-space: nowrap;
                line-height: 36rpx;
            }

            .thumbnail_1 {
                width: 34rpx;
                height: 22rpx;
                margin: 6rpx 0 0 438rpx;
            }

            .thumbnail_2 {
                width: 32rpx;
                height: 22rpx;
                margin: 6rpx 0 0 10rpx;
            }

            .image_1 {
                width: 50rpx;
                height: 24rpx;
                margin: 6rpx 0 0 10rpx;
            }
        }

        .nav-bar_1 {
            width: 750rpx;
            height: 102rpx;
            margin: 10rpx 0 2rpx 0;

            .icon_1 {
                width: 18rpx;
                height: 34rpx;
                margin: 40rpx 0 0 36rpx;
            }

            .text_2 {
                width: 200rpx;
                height: 40rpx;
                overflow-wrap: break-word;
                color: rgba(0, 0, 0, 0.9);
                font-size: 34rpx;
                font-family: AlibabaPuHuiTi-Regular;
                font-weight: normal;
                text-align: center;
                white-space: nowrap;
                line-height: 40rpx;
                margin: 32rpx 0 0 222rpx;
            }

        }
    }

    .image-wrapper_1 {
        height: 700rpx;
        background: url(https://mall-applets.oss-cn-chengdu.aliyuncs.com/static/MasterDDSSlicePNG21d17e913dae35ef31d182941dd7ca78.png) 100% no-repeat;
        background-size: 100% 100%;
        width: 750rpx;

        .image_2 {
            width: 96rpx;
            height: 12rpx;
            margin: 648rpx 0 0 328rpx;
        }
    }

    .image_3 {
        width: 750rpx;
        height: 42rpx;
        margin-top: 712rpx;
    }

    .group_3 {
        position: absolute;
        left: 0;
        top: 876rpx;
        width: 750rpx;
        height: 714rpx;

        .group_4 {
            width: 140rpx;
            height: 42rpx;
            margin: 264rpx 0 0 56rpx;

            .box_1 {
                width: 28rpx;
                height: 28rpx;
                border: 1.5px solid rgba(97, 52, 27, 1);
                margin: 1.1rpx 0 0 -1.1rpx;
            }

            .text_3 {
                width: 118rpx;
                height: 42rpx;
                overflow-wrap: break-word;
                color: rgba(0, 0, 0, 1);
                font-size: 30rpx;
                font-family: Helvetica, 'Microsoft YaHei', Arial, sans-serif;
                font-weight: normal;
                text-align: left;
                white-space: nowrap;
                line-height: 42rpx;
                margin-left: -2rpx;
            }
        }

        .text_4 {
            width: 680rpx;
            height: 378rpx;
            overflow-wrap: break-word;
            color: rgba(102, 102, 102, 1);
            font-size: 26rpx;
            font-family: Helvetica, 'Microsoft YaHei', Arial, sans-serif;
            font-weight: normal;
            text-align: left;
            line-height: 42rpx;
            margin: 12rpx 0 18rpx 40rpx;
        }

        .group_5 {
            background-color: rgba(244, 241, 239, 1);
            border-radius: 10px 10px 0px 0px;
            position: absolute;
            left: 0;
            top: -20rpx;
            width: 750rpx;
            height: 252rpx;

            .box_2 {
                width: 556rpx;
                height: 42rpx;
                margin: 40rpx 0 0 40rpx;

                .tag_1 {
                    width: 114rpx;
                    height: 40rpx;
                    margin-top: 2rpx;
                }

                .text_5 {
                    width: 432rpx;
                    height: 42rpx;
                    overflow-wrap: break-word;
                    color: rgba(0, 0, 0, 1);
                    font-size: 40rpx;
                    font-family: Helvetica, 'Microsoft YaHei', Arial, sans-serif;
                    font-weight: normal;
                    text-align: left;
                    white-space: nowrap;
                    line-height: 42rpx;
                }
            }

            .text-wrapper_1 {
                width: 368rpx;
                height: 42rpx;
                overflow-wrap: break-word;
                font-size: 0;
                font-family: Helvetica, 'Microsoft YaHei', Arial, sans-serif;
                font-weight: normal;
                text-align: left;
                white-space: nowrap;
                line-height: 42rpx;
                margin: 20rpx 0 0 40rpx;

                .text_6 {
                    width: 368rpx;
                    height: 42rpx;
                    overflow-wrap: break-word;
                    color: rgba(102, 102, 102, 1);
                    font-size: 26rpx;
                    font-family: Helvetica, 'Microsoft YaHei', Arial, sans-serif;
                    font-weight: normal;
                    text-align: left;
                    white-space: nowrap;
                    line-height: 42rpx;
                }

                .text_7 {
                    width: 368rpx;
                    height: 42rpx;
                    overflow-wrap: break-word;
                    color: rgba(97, 52, 27, 1);
                    font-size: 26rpx;
                    font-family: Helvetica, 'Microsoft YaHei', Arial, sans-serif;
                    font-weight: normal;
                    text-align: left;
                    white-space: nowrap;
                    line-height: 42rpx;
                }
            }

            .box_3 {
                position: relative;
                width: 650rpx;
                height: 42rpx;
                margin: 30rpx 0 36rpx 48rpx;

                .section_1 {
                    background-color: rgba(209, 206, 199, 1);
                    border-radius: 2px;
                    height: 8rpx;
                    margin-top: 18rpx;
                    width: 160rpx;

                    .box_4 {
                        background-color: rgba(255, 202, 100, 1);
                        border-radius: 2px;
                        width: 118rpx;
                        height: 8rpx;
                    }
                }

                .text_8 {
                    width: 66rpx;
                    height: 42rpx;
                    overflow-wrap: break-word;
                    color: rgba(0, 0, 0, 1);
                    font-size: 28rpx;
                    font-family: Helvetica, 'Microsoft YaHei', Arial, sans-serif;
                    font-weight: normal;
                    text-align: left;
                    white-space: nowrap;
                    line-height: 42rpx;
                    margin-left: 138rpx;
                }

                .icon_2 {
                    background-color: rgba(219, 135, 88, 1);
                    border-radius: 50%;
                    height: 40rpx;
                    width: 40rpx;
                    margin: 2rpx 0 0 44rpx;

                    .group_6 {
                        width: 24rpx;
                        height: 26rpx;
                        margin: 8rpx 0 0 8rpx;
                    }
                }

                .text_9 {
                    width: 198rpx;
                    height: 42rpx;
                    overflow-wrap: break-word;
                    color: rgba(151, 151, 151, 1);
                    font-size: 24rpx;
                    font-family: Helvetica, 'Microsoft YaHei', Arial, sans-serif;
                    font-weight: normal;
                    text-align: left;
                    white-space: nowrap;
                    line-height: 42rpx;
                    margin-left: 4rpx;
                }

                .text_10 {
                    position: absolute;
                    left: 170rpx;
                    top: 0;
                    width: 138rpx;
                    height: 42rpx;
                    overflow-wrap: break-word;
                    color: rgba(102, 102, 102, 1);
                    font-size: 28rpx;
                    font-family: Helvetica, 'Microsoft YaHei', Arial, sans-serif;
                    font-weight: normal;
                    text-align: left;
                    white-space: nowrap;
                    line-height: 42rpx;
                }
            }

            .text_11 {
                position: absolute;
                left: 58rpx;
                top: 40rpx;
                width: 84rpx;
                height: 44rpx;
                overflow-wrap: break-word;
                color: rgba(255, 255, 255, 1);
                font-size: 28rpx;
                font-family: Helvetica, 'Microsoft YaHei', Arial, sans-serif;
                font-weight: normal;
                text-align: left;
                white-space: nowrap;
                line-height: 42rpx;
            }
        }

        .button_1 {
            background-color: rgba(97, 52, 27, 1);
            height: 88rpx;
            width: 690rpx;
            position: absolute;
            left: 30rpx;
            top: 604rpx;

            .text_12 {
                width: 134rpx;
                height: 30rpx;
                overflow-wrap: break-word;
                color: rgba(255, 255, 255, 1);
                font-size: 32rpx;
                letter-spacing: 7px;
                font-family: Helvetica, 'Microsoft YaHei', Arial, sans-serif;
                font-weight: normal;
                text-align: center;
                white-space: nowrap;
                line-height: 30rpx;
                margin: 30rpx 0 0 278rpx;
            }
        }
    }
}
</style>